<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>断言限制用户名关键词</title>
</head>
<body>
    <input type="text" name="userName">
    <span></span>
</body>
<script>
    /*
        需求 在很多时候 一些用户注册的一些用户名都是包含敏感词汇
            这些词汇都是不能够注册的
                所以需要经这些敏感词汇给排除在外才行
    */
    // 使用断言是最容易达到这么目标的呃
    // /^(?!.*叶.*)\w{5,8}/i 不能够包含叶
    const input = document.querySelector(`[name = "userName"]`)
    const span = document.querySelector('span')
    input.addEventListener('keyup',function(){
        const reg = /^(?!.*叶.*)\w{5,8}/i
        if(reg.test(this.value)){
            span.innerHTML = '正确'
        }else{
            span.innerHTML = '不合法'
        }
    })
</script>
</html>